<template>
    <div class="comp-fork-info">
        <modal :show="true" :width="600">
            <div class="modal-header">
                <a href="javascript:;" class="close" @click="hide"><span>×</span></a>
                <!--<span class="modal-title">请先购买入场券</span>-->
            </div>
            <div class="modal-body">
                <div class="content" v-if="tipType === 'AUTH'">
                    <p class="content-item fn-bold">{{$t('fundTip.auth')}}</p>
                    <a href="./account.html#/certification" class="ui-btn fn-block">{{$t('fundTip.authbtn')}}</a>
                </div>
                <div class="content" v-if="tipType === 'TICKET'">
                    <p class="content-item fn-bold">{{$tc('fundTip.ticket',1)}}</p>
                    <p class="content-item">{{$tc('fundTip.ticket',2)}} </p>
                    <a href="javascript:;" @click="turntoTicket()" class="ui-btn fn-block">{{$t('fundTip.ticketbtn')}}</a>
                </div>
            </div>
            <div class="modal-footer"></div>
        </modal>
    </div>
</template>

<script type="text/babel">

    import Vue from "vue";
    import Modal from "../../../grsc-base/component/Modal.vue";

    export  default Vue.extend({
        data(){
            return {
            }
        },
        props: {
            onHide: {
                type: Function,
                default(){
                }
            },
            onSuccess: {
                type: Function,
                default(){
                }
            },
            tipType:{
                type:String,
                default:'TICKET'
            }
        },
        computed: {},
        components: {
            'modal': Modal
        },
        created() {
        },
        methods: {

            hide(){
                this.$emit('hide');
            },

            turntoTicket(){
                if(this.$i18n.locale === 'es'){
                    window.location.href = '/us/smc_finance.html';
                }else{
                    window.location.href = './smc_finance.html';
                }
            }
        }
    })
</script>

<style lang="sass" rel="stylesheet/scss">
    .comp-fork-info{
        .content{
            padding: 0 40px;
            color: #666666;
            &-item{
                padding: 8px 0;
                font-size: 13px;;
                line-height: 24px;
            }
        }
        .ui-btn{
            margin-top: 32px;
        }
    }
</style>